<html lang="zh-cmn-Hans" xmlns:th="www.thymeleaf.org">
<div th:replace="index::    head"></div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="shortcut icon" href="http://new.chijiayd.com/group1/M00/00/01/rBJ8J1og_JCAF0MsAAAEfkB-Ovw250.ico" type="image/x-icon">
<link rel="icon" href="http://new.chijiayd.com/group1/M00/00/01/rBJ8J1og_JCAF0MsAAAEfkB-Ovw250.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/basic.min.css">
<link rel="stylesheet" type="text/css" href="/css/qingfeng.css">
<link rel="stylesheet" type="text/css" href="/css/member.css">
    <script src="/js/vue.min.js"></script>
    <script src="/js/axios.min.js"></script>
    <script src="/js/zyz.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
<style>
    .popup-container1{
        z-index: 999999;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -140px;
        position: fixed;
        /* display: none; */
        background-color: white;
        box-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);
        -webkit-box-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);
        -moz-box-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);
        -o-box-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);
    }
    .cover1 {
        position: fixed;
        z-index: 990000;
        left: 0;
        top: 0;
        background-color: white;
        opacity: .7;
        filter: alpha(opacity=70);
        width: 100%;
        height: 100%;
        text-align: center;
        color: white;
        /* display: none; */
    }
</style>
</head>
<body>

<!--header start-->
<div id="app">
<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
<div class="header" id="header">
    <div th:replace="index::div.topbar"></div>
  <div class="bannersd" style="width:1190px;margin: 0 auto;"></div>
  <div class="menu" style="background: #FFF; padding: 20px 0 0;">
    <div class="wrap clearfix" style="position: relative">
        <div class="cart frt">
          <div class="minicart has-minicart " id="minicart_577"> <a href="./cart1.html" class="minicart-text"> 购物车 <b class="op-cart-number">0</b> </a>
            <div class="minicart-cont" >
                <div class="no-information" data-role="shopCartLoading">数据加载中</div>
                <div class="no-information" data-role="shopCartnon">您的购物车是空的</div>
                <div data-role="minicart-cont">

                </div>
            </div>
          </div>
        </div>
      <div class="logo flt">
        <div style=""> <a href="/"><img alt="持家有道网上超市" src="/images/logo.jpg" border="0"></a> </div>
      </div>
      <div style="position: absolute; height: 50px; top: 0px; left: 200px">
        <div style="position:absolute; width:1px; background-color:#ccc; left:90px; height:50px;"></div>
        <span id="peisong" style="position: absolute; display: inline-block; width: 100px; left: 100px; top: 1px;color:#333"><a style="color:#666666" href="#" target="_blank" data-role="header-txt1"></a></span>
        <div style="position: absolute; width: 150px; top: 23px; left: 100px"><a href="#" target="_blank" style="font-weight:bold;color:#F30" data-role="header-txt2"></a></div>
      </div>
      <div class="search flt" style="padding-left:355px">
        <div class="SearchBar searchBar_">
          <table cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td class="search_label" style="border-right:none"><input name="search_keywords" size="12" type="text" value="请输入商品关键字" onfocus="this.value=(this.value=='请输入商品关键字')?'':this.value;" onblur="this.value=(this.value=='')?'请输入商品关键字':this.value;" class="inputstyle keywords" ></td>
                <td style="border-left:none"><input type="submit" value="搜索" class="btn_search" onfocus="this.blur();" data-role="searchBtn"></td>
              </tr>
            </tbody>
          </table>
      </div>
        <div class="clear"></div>
        <ul class="qfnavs">
          <li class="front"><span>热门搜索词:</span></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="nav-column">
    <div class="wrap" style="position: relative;">
      <div class="all-category flt" id="all-category">
        <div class="category-handle" id="category_handle"> <a class="all_title"><span>全部商品分类</span></a> </div>
        <div class="category-box" id="category_box" style="display:none;">
          <ul class="category-list">
          </ul>
        </div>
      </div>
      <div class="nav flt">
        <ul class="MenuList MenuList_571 clearfix" style="position: relative;">
        </ul>
    </div>
    </div>
  </div>
</div>
<!--header end-->


<!--content start--->
<div id="content">
    <div class="wrap clearfix">
        <div class="Navigation">
            <span class="pos-front">您当前的位置：</span>
            <span><a href="./member.html" alt="" title="">会员中心</a></span>
            <span>&gt;</span>
            <span class="now">我的评价</span>
		</div>

        <div id="main" class="clearfix">
          <!-- 左栏 -->
          <div class="page-aside">
            <!-- 会员中心菜单 -->
            <div id="member_menu" class="member-menu member-menu2">
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">交易管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-orders.html"class="active">我的评价</a> </li>

                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">评论咨询管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="/member-nodiscuss_1.html">评价晒单</a> </li>
                  <li> <a href="/member-consultation.html">我的咨询</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">我的账户</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="/member-favorite.html">商品收藏</a> </li>
                  <li> <a href="/member-notify.html">到货通知</a> </li>
                  <li> <a href="/member-coupon.html">我的优惠券</a> </li>
                  <li> <a href="/member-balance.html">我的预存款</a> </li>
                  <li> <a href="/member-deposit.html">预存款充值</a> </li>
                  <li> <a href="/member-point_detail.html">我的积分</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">个人信息管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-mes_in.html">站内信</a> </li>
                  <li> <a href="/member-setting.html">个人信息</a> </li>
                  <li> <a href="./member-securitycenter.html">安全中心</a> </li>
                  <li> <a href="/member-receiver.html">收货地址</a> </li>
                </ul>
              </div>
            </div>
          </div>

        <!-- 会员中心主内容区 -->
        <div class="page-article">


            <!-- 我的订单 -->
            <div id="member_orders" class="member-mod member-mod2">
                <div class="member-mod-title member-mod-title2">
                    <h2>我的订单</h2>
                </div>
                <hr>
                <div class="member-mod-content" style="margin:0 25px">
                <table class="member-grid member-grid2" style="width: 100%;" data-role="result">
                    <thead>
                        <tr>
                            <th>商品名称</th>
                            <th>金额</th>
                            <th>商品数量</th>
                            <th>商品积分</th>
                            <th>支付方式</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody  v-for="(item,index) in gooods"  :key="index">
                    <tr>
                        <td class="order" width="28%">
                            <a href="/member-orderdetail.html?orderId=20220810786966">{{item.oid}}</a>
                            <span class="handle action-view-goods">[商品]<i class="icon" data-toggle="7">{{item.name}}</i></span>
                        </td>
                        <td class="price" >￥{{item.price}}</td>
                        <td class="price" >{{item.count}}</td>
                        <td class="price" >{{item.points}}</td>
                        <td class="payments">
                            <span v-if="item.deliveryWay==0">自有物流</span>
                            <span v-if="item.deliveryWay==1">顾客自提</span>
                        </td>
                       <td class="actions" valign="top" rowspan="2">
                           <a href="javascript:;" @focus.prevent="show(index)" data-role="buyagain">评价</a>
                            <i class="separator"></i>
                       </td>
                       </tr>
                       <tr class="goods-row">
                        <td colspan="5">
                            <ul class="member-piclist" >
                                <li class="goods-item" :data-productid="item.gid" data-productid="36153" data-quantity="1">
                                    <div class="goods-pic" :data-tips="item.name">
                                        <a href=""><img :src="item.image" :alt="item.name"></a>
                                    </div>
                                </li>
                            </ul>
                       </td>
                    </tr>
                    </tbody>
                </table>
                </div>
            </div>
            <div class="pageview" data-role="dirPaging"></div>
        </div>

        </div>
    </div>
</div>
<!--content end-->
<!---------浮动按钮------------->
<div id="main__" class="sidebtn">
    <div id="car" class="ioc_index"  style="">
        <div class="serpop" style="width:70px;">购物车</div>
    </div>
    <div id="floatDivBoxs" style="">
        <div class="floatDivtext">
            <div class="close">
                <h3 style="width: 67px;float: left;height: 35px;line-height: 42px;font-size: 17px;color: #505050;font-weight: 400;font-family: 微软雅黑;">购物车</h3>
                <button type="button" title="关闭" class="popup-btn-close" hidefocus=""><i>×</i></button>
            </div>
            <div class="minicart-cont" style="position: fixed; right: -295px; top: 40px; z-index: 99999; border: 0px; display: none;height: 100%">
                <div class="no-information" data-role="slideShopCartLoading">数据加载中</div>
                <div class="no-information" data-role="shopCartnon">您的购物车是空的</div>
                <div data-role="slideShopCart"></div>
       		</div>
        </div>
    </div>
    <div><a id="qqkefu" class="ioc_index"  style="">
        <div class="serpop" style="width:80px;height:70px;">    <span id="qqkefu1">客服①号</span><br>    <span id="qqkefu2">客服②号</span> </div>
    </a></div>
    <div><a id="phone" class="ioc_index"  style="">
        <div class="serpop" style="width:125px;height:70px;">0754-89655102<br>0754-89655096</div>
    </a></div>
    <div><a id="erwei" class="ioc_index"  style="">
        <div id="erweitupian" class="serpop"></div>
    </a></div>
    <div><a id="erwei1" class="ioc_index"  style="">
        <div id="erweitupian1" class="serpop"></div>
    </a></div>
    <div><a id="gotop" class="ioc_index"  style="">
        <div class="serpop" style="width:80px;">返回顶部</div>
    </a></div>
</div>

<div class="upTopsBox">
    <h2>持家有道温馨提示</h2>
    <span class="close"></span>
    <div class="main">
        <p>你现在有<span style="color:#f00;" data-role="point"></span>可用积分</p>
        <p>升级成为VIP用户，可享受<span style="color:#f00;" data-role="discount"></span>折优惠</p>
        <a href="./member.html" style="color:#FB8800">现在去升级</a>
    </div>
</div>
<!------footer------->
<div id="footer" class="footer">
    <!--<div class="foot-img"></div>-->
    <div style="width:100%;background:#80C735">
        <div class="foot-promise" data-role="footer-list">
            <a class="promise_item" href="#" target="_blank"><img src="/images/icon1.png"><span class="item_font">正品保障</span></a>
            <a class="promise_item" href="#" target="_blank"><img src="/images/icon2.png"><span class="item_font">货到付款</span></a>
            <a class="promise_item" href="#" target="_blank"><img src="/images/icon3.png"><span class="item_font">一日三送</span></a>
            <a class="promise_item" href="#" target="_blank"><img src="/images/icon4.png"><span class="item_font">七天退换</span></a>
            <a class="promise_item" href="#" target="_blank"><img src="/images/icon5.png"><span class="item_font">49元免运费</span></a>
            <a class="promise_item" href="#" target="_blank"><img src="/images/icon6.png"><span class="item_font">送货上楼</span></a>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="service-column">
        <div class="wrap clearfix">
            <div class="weibo-area frt"></div>
            <ul class="help-area flt" data-role="footer-new">
            </ul>
        </div>
        <div style="width:100%;height:100px;background:#f3f1f3;text-align:center">
                <div style="margin:0 auto;width:580px;text-align:center;height:auto;overflow:hidden;padding:10px 0">
                <ul class="linkList">

                    <li class="linkOne">
                        <ul class="linkeOneList">
                            <li class="linkOneListChild" style="width:60px"><img src="/images/weixin.jpg"></li>
                            <li class="linkOneListChild" style="margin-left:2px">
                                <ul>
                                    <li style="font-size:12px;height:24px">扫一扫</li>
                                    <li>官方微信</li>
                                </ul>
                            </li>
                        </ul>
                    </li>


                    <li class="linkOne">
                         <ul class="linkeOneList">
                            <li class="linkOneListChild" style="width:60px"><img src="/images/mobile.jpg"></li>
                            <li class="linkOneListChild" style="margin-left:2px">
                                <ul>
                                    <li style="font-size:12px;height:24px">逛一逛</li>
                                    <li>触屏版</li>
                                </ul>
                            </li>
                        </ul>
                    </li>


                    <li class="linkOne" style="margin-bottom:0px">
                         <ul class="linkeOneList">
                            <li class="linkOneListChild" style="width:60px"><img src="/images/sina.jpg"></li>
                            <li class="linkOneListChild" style="margin-left:2px">
                                <ul>
                                    <li style="font-size:12px;height:24px"><a href="http://weibo.com/chijiayd" target="_blank">立即关注</a></li>
                                    <li>官方微博</li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                </ul></div>
        </div>
    </div>
</div>
<!------footer end------>

<div style="background-color:#fff">
<div class="section-links">
    <div class="section-title">友情链接：</div>
    <div class="links">
        <ul class="slink-text" data-role="yqlj">
                <!-- <li><a href="#" target="_blank" title="鮀城通">鮀城通</a></li>
                <li><a href="#" target="_blank" title="汕头黄页">汕头黄页</a></li>
                <li><a href="#" target="_blank" title="汕头同城网">汕头同城网</a></li>
                <li><a href="#" target="_blank" title="汕头市电子商务产业协会">汕头市电子商务产业协会</a></li> -->
        </ul>
    </div>
    <div class="clear"></div>
</div>
</div>

<!----copyright----->
<div class="sys-copyright">
<div class="theme-footer">
	<div style="margin-top:10px; color:#999999;" align="center">
		<a target="_blank" style="color: rgb(70, 70, 70);" href="#"><br></a>
		<a href="#" target="_blank" data-role="gywm">关于我们</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; <a href="#" target="_blank" data-role="lxwm">联系我们</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" target="_blank" data-role="cpyc">诚聘英才</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<a target="_blank" style="color: rgb(70, 70, 70);" href="./help1.html">帮助中心</a>
	</div>
	<div align="center">
		<font style="color: rgb(102, 102, 102);">持家有道经营许可证：<a href="./licence.html" type="page" target="_blank">粤B2-20100546</a>&nbsp;&nbsp;&nbsp;</font>&nbsp;&nbsp;<a href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备19131661号-1</a>&nbsp;&nbsp; &nbsp;粤工商备E051411000611 &nbsp;&nbsp; </div>
	<div align="center">Copyright&nbsp;<font face="Verdana">©</font>&nbsp;持家有道网上超市 2010, All Rights Reserved</div>
	<div align="center">
		 
	</div>
</div></div>
    <div class="popup-container1" id="notice_pop" style="display:none; margin-left:-350px; margin-top:-140px;">
        <div class="popup-body" style="width: 700px;">
            <div class="popup-header clearfix">
                <h2>添加评价</h2>
                <span><button type="button" title="关闭" class="popup-btn-close" hidefocus=""><i>×</i></button></span>
            </div>
            <div class="popup-content clearfix"><div class="shipping-add" style="">

                <div class="form">
                    <table class="fill-shipping">
                        <tbody>
                        <tr>
                            <th><em style="color:red;">*</em>商品信息：</th>
                            <td><span class="region">{{gooods[currentindex].name}}</span></td>
                        </tr>
                        <br>
                        <tr>
                            <th><em style="color:red;">*</em>评价：</th>
                            <td><textarea  style="width: 300px;height: 150px" v-model="Evaluation" type="" data-caution="请填写收货人姓名"></textarea></td>
                        </tr>
                        <tr>
                            <th></th>
                            <td><button @click.prevent="dis" type="button" class="btn btn-caution action-confirm-shipping" data-role="addAdd"><span><span>评论</span></span></button></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div></div>
        </div>
    </div>
    <div rel="mask1" id="mask" class="cover" style="display:none;"></div>
</div>

<script>
    var v=new Vue({
        el:"#app",
        data:{
            Evaluation:"",
            gooods:[],
            currentindex:0,
        },
        created() {
           this.getList();
        },
        methods:{
          getList(){
              var uid= window.sessionStorage.getItem('uid');
              axios.get("cs-order/chaoshi/pmsGoods/listgoods/"+uid).then(res=>{
                  let order=res.data.data;
                  for (let i = 0; i < order.length; i++) {
                      this.gooods.push(order[i]);
                  }
                  console.log(this.gooods)
              })
          },
          dis(){
                notice_pop.style="margin-left: -350px; margin-top: -140px; display: none;"
                mask.style="display: none;"
                console.log(this.gooods[this.currentindex]);
                let params=new URLSearchParams();
                params.append("uid",window.sessionStorage.getItem('uid'));
                params.append("gid",this.gooods[this.currentindex].gid);
                params.append("Evaluation",this.Evaluation);
              params.append("oid",this.gooods[this.currentindex].oid);
                axios.post("cs-order/chaoshi/pmsPl/add",params).then(res=>{
                    this.gooods=[];
                    this.getList();
              })
          },
          show(index){
              this.Evaluation="";
              notice_pop.style="margin-left: -350px; margin-top: -140px; display: ;"
              mask.style=""
              this.currentindex=index;
          }
        }

    })
</script>
</body>
</html>
